
@import "base.css";


body {font-family: "Microsoft YaHei";background: #fff;font-size:14px;line-height:1.6;color: #fff;}
a { color: #666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a:hover {color: #00549c;}


.container{ width: 1200px; margin: auto;}

.title{font-size:18px; color: #d0121b;margin-bottom:2%;}
.title span{font-size:26px; display: block;font-weight: bold;}



.box1{background: url("../images/twoBbg1.jpg") no-repeat right top #171818;padding:10% 0 5% 10%;word-wrap:break-word;word-break:break-all;}
.box1 p{line-height:3;}
.box1 .title span{text-indent: -0.6em;}


.box2{background: url("../images/twoBbg2.jpg") no-repeat left bottom #171818;padding:0 0 60% 10%;word-wrap:break-word;word-break:break-all; font-size: 20px;}
.box2 .box2L{width: 48%; float: left}
.box2 .box2R{width: 48%; float: right}
.box2 p{line-height:2;}
.box2 .title{background: #fff;text-align: center;display: inline-block;padding: 5px 65px;}

.box3{background: #d0121b;padding:5% 10%;font-size:22px;}
.box3 .title,.box6 .title{ color: #fff}
.box3 ul.list li{float: left;width:30%;padding: 0 10%; }
.box3 ul.list li .img{width:70%;margin:35px auto;max-width:160px;}

.box3 .list2{padding:8% 0; line-height: 2}
.box3 .list2 ul{margin-top:70px; }
.box3 .list2 ul li{width: 32%;margin-right:2%;margin-bottom: 2%; float: left}
.box3 .list2 ul li:nth-child(1){width: 100%;margin-right: 0;}
.box3 .list2 ul li:nth-last-child(1){margin-right: 0}

.box4{background: #010101;padding:2% 1%}
.box5{background: url(../images/twoimg10.jpg) no-repeat center top #010101;background-size: contain;padding: 40% 5% 5%;text-align: center;font-size: 32px;}

.jm{padding: 5% 8%;color: #595757}
.jm .title{ font-size: 34px;}
.jm .title span{ font-size:52px;}

.jm .jmList{padding-bottom: 50px;}
.jm .jmList li{width: 47%;padding: 20px 1.5%;float: left;  }
.jm .jmList li h3{color: #c7000a; font-size:26px;margin-bottom: 10px;}
.jm .jmList li .con{box-shadow: 12px 5px 13px rgba(0,0,0,0.11);position: relative}
.jm .jmList li .con .img{width: 40%;float: left;}
.jm .jmList li .con .txt{width:60%;line-height: 2;text-align: center;height:200px;font-size: 20px;position: absolute;right:0;top: 50%;margin-top: -100px;}

.jmCon ul li{box-shadow: 2px 2px 5px #CCCCCC;width:26%;display: inline-block;margin: 20px 1%;padding:30px 1% 0;height: 220px; }
.jmCon ul li .ico .iconfont{font-size:40px; color: #c2010a}

.jmCon ul li em{ color: #fff;font-size:20px;font-weight: bold;display: inline-block;line-height: 2;background: #c2010a;padding:0 20px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;margin-bottom: 15px;}
.jmCon ul li p{font-size:14px;}


.box6{background: #d0121b;padding:5% 10%; color: #fff}
.box6 ul.boxList li{ width: 30%;margin:0 1% 5%;display: inline-block}
.box6 ul.boxList li .img{border: 4px solid #fff;margin-bottom: 15px; }
.box6 ul.boxList li p{font-size:20px; line-height: 2;}
.box6 ul.boxList li p span{border: 1px solid #fff;font-size:12px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;padding: 0 10px;display: inline-block;margin-left: 5px;}


.book{padding: 5% 0}
.bookL{background: #ffffff;color: #3a3a3a;font-size: 14px;width:30%;float: left;padding:30px 2% 45px}
.bookL .t{color: #ffffff;background: #d0121b;margin: auto;width: 80%; line-height: 2;font-size: 16px;font-weight: bold;}
.bookL p{margin-top: 20px;}
.bookL p span{font-size: 16px; font-weight: bold}

.bookR{float: right;width: 60%;color: #fff;font-size: 12px;}
.bookR h4{font-size: 20px; }
.bookR .bookt{width:50px;text-align-last:justify; text-align:justify; font-size: 14px; font-weight: bold;float:left;margin-right: 5px;}
.bookR ul li{margin-top: 25px; line-height: 40px;}
.bookR ul li .liL{width: 49%;float: left}
.bookR ul li .liR{width: 49%;float: right}
.bookR ul li .inputs{float: left;background: #9a2020;border: 0; height: 40px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}
.bookR ul li .inputs.yzm{ width: 50%}
.bookR ul li .btn{ color: #d0121b;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}

.bookR label.error{position: absolute;right: 0;color: #fff;top:100%;line-height: 1;}
.bookR input.error{background:#fff !important;}
.bookR .sendSms{display: inline-block;background: #fff;color: #d0121b;font-weight: bold;padding: 0 10px;margin-left: 10px;}


@media screen and (max-width:1199px) {
    body {font-size: 16px;}
    .container{ width:1000px;}

    .title{font-size:18px;margin-bottom: 2% }
    .title span{font-size:22px; }

    .box1{background-size: 400px;padding:5% 2% 2% 5%;}
    .box1 p{line-height:2.5;}
    .box2{background-size: contain;padding:0 0 60% 5%;font-size: 16px;}
    .box2 .title{padding: 5px 25px;}

    .box3{padding:5%;font-size:18px;}
    .box3 ul.list li{float: left;width:42%;padding: 0 4%; }
    .box3 ul.list li .img{margin:30px auto;}

    .box5{font-size: 26px;}

    .jm .title{ font-size:24px;}
    .jm .title span{ font-size:32px;}

    .jm .jmList li h3{font-size:20px;}
    .jm .jmList li .con .txt {height: 160px;font-size: 16px;margin-top: -80px;}

}

@media screen and (max-width:1000px) {
    body {font-size: 16px;}
    .container {width:100%}

    .title{font-size:12px;margin-bottom: 2% }
    .title span{font-size:16px; }

    .box1{background:#171818;padding:5%;}
    .box2{background-size: contain;padding:0 5% 60%;font-size: 14px;}
    .box2 .title{padding: 5px 25px;}
    .box5{font-size:20px;}


    .jm{padding: 5% 0;}
    .jm .title{ font-size:16px;}
    .jm .title span{ font-size:26px;}

    .jm .jmList li h3{font-size: 20px;}

    .jmCon ul li{width:44%;height:180px;padding: 0 1%; }
    .jmCon ul li em{font-size:16px;padding:0 10px;}
    .jmCon ul li p{font-size:12px;}


    .box6{padding:5% 1%;}
    .box6 ul.boxList li .img{border:1px solid #fff;margin-bottom: 15px; }
    .box6 ul.boxList li p{font-size:16px;}
    .box6 ul.boxList li p span{padding: 0 10px;margin-left:0px;}

}


@media screen and (max-width:640px) {
    body {font-size: 12px;}


    .box2 .box2L{width: 98%; float: none;margin-bottom: 10px;}
    .box2 .box2R{width: 98%; float: none}

    .box3{padding:5% 0;font-size:12px;}
    .box3 ul.list li{width:48%;padding: 0 1%; }
    .box3 ul.list li .img{margin:10px auto;}

    .box3 .list2 ul{margin-top:20px; }
    .box3 .list2 ul li{width:48%;margin-right:1%;margin-bottom: 2%; float: left}
    .box3 .list2 ul li:nth-child(1){width:48%;margin-right:1%;}
    .box3 .list2 ul li:nth-last-child(1){margin-right:1%}

    .box5{font-size:14px;}

    .jm .title{ font-size:14px;}
    .jm .title span{ font-size:20px;}

    .jm .jmList li{ font-size:14px;width:97%;padding:10px 1.5%;}
    .jm .jmList li h3{font-size: 18px;}
    .jm .jmList li .con .img{width: 50%;}
    .jm .jmList li .con .txt {height: 140px;font-size: 14px;margin-top: -70px;width: 50%}



    .jmCon ul li em{font-size:14px;}


    .box6{padding:5% 1%;}
    .box6 ul.boxList li{width: 70%;}
    .box6 ul.boxList li .img{border:1px solid #fff;margin-bottom: 15px; }
    .box6 ul.boxList li p{font-size:16px;}
    .box6 ul.boxList li p span{padding: 0 10px;margin-left:0px;}



    .bookL{font-size: 12px;width:96%;float: none;padding:20px 2% 25px}
    .bookL .t{font-size: 14px;}

    .bookL p{margin-top: 10px;}
    .bookL p span{font-size: 14px;}

    .bookR{float: none;width:100%;margin-top: 15px;}
    .bookR h4{font-size:16px; }

    .bookR .bookt{width:50px; font-size: 12px;margin-right: 5px;}
    .bookR ul li{margin-top:15px; line-height: 30px;}
    .bookR ul li .liL,.bookR ul li .liR{width:100%;float: none;margin-top: 15px; height: 30px;}

    .bookR ul li .inputs{height:30px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}
    .bookR ul li .inputs.yzm{ width: 50%}
    .bookR ul li .btn{ color: #d0121b;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}



}



